<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理页面</title>
    <link rel="stylesheet" href="/css/element.css">
</head>
<style>
    .el-header, .el-footer {
        color: #333;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
    }

    body > .el-container {
        margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
        line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
        line-height: 320px;
    }
</style>
<body>
<div id="app">
    <#include "/include/daohang.html">
    <template>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick" style="padding-top: 10px">
            <el-tab-pane label="内容管理" name="first">
                <notelist></notelist>
            </el-tab-pane>
            <el-tab-pane label="文件管理" name="second">
                <resmanager></resmanager>
            </el-tab-pane>
            <el-tab-pane label="栏目管理" name="six2">
               <channelmanager></channelmanager>
            </el-tab-pane>
            <el-tab-pane label="内容栏目管理" name="third">
                <notechannelmanager></notechannelmanager>
            </el-tab-pane>
            <el-tab-pane label="历史访问日志" name="six">
                <loglist></loglist>
            </el-tab-pane>
            <el-tab-pane label="定时任务" name="fourth">
                <jobmanager></jobmanager>
            </el-tab-pane>
        </el-tabs>
    </template>
</div>
<#include "/include/commonjs.html">
<#include "/component/notemanager.html">
<#include "/component/resmanager.html">
<#include "/component/channelmanager.html">
<#include "/component/channelnotemanager.html">
<#include "/component/loglist.html">
<#include "/component/jobmanager.html">
<script>

    var Main = {
        extends: global,
        data() {
            return {
                activeIndex: '4',
                activeIndex2: '4',
                total:0,
                tableData: [],
                keyword:'',
                activeName: 'first'
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
    var Ctor = Vue.extend(Main)
    new Ctor().$mount('#app')
</script>
</body>
</html>